<template>
  <div>
    <h2>专门用于使用vant</h2>
    <h3>1.0 vant 中的 button</h3>
    <van-button type="primary">主要按钮</van-button>
    <van-button type="info">信息按钮</van-button>
    <van-button type="default">默认按钮</van-button>
    <van-button type="warning">警告按钮</van-button>
    <van-button type="danger">危险按钮</van-button>
    <h3>2.0 vant 中的 icon</h3>
    <van-icon name="circle" />
    <van-icon name="gem-o" />
    <h3>3.0 vant 中的单元格</h3>
    <van-cell title="左侧" value="右侧"></van-cell>
    <van-cell title="左侧" value="右侧" label="下方"></van-cell>
    <h3>4.0 vant 中的插槽</h3>
    <van-cell>
      <template #title>
        <van-icon name="gem-o" />左侧<van-icon name="gem-o" />
      </template>
      <template #default>
        <van-icon name="gem-o" />右侧<van-icon name="gem-o" />
      </template>
      <template #label>
        <van-icon class="box" name="gem-o" />下方<van-icon name="gem-o" />
      </template>
    </van-cell>
    <h3>5.0 使用 iconfont</h3>
    <span class="iconfont iconbtn_nav_back"></span>
  </div>
</template>

<script>
export default {}
</script>

<style></style>
